<template>
  <div class="content1">
    <div class="content-bg1">
      <div class="current-content from-Resetcss">
        <div class="title-h">建设项目预审选址审批表</div>
        <div class="public-title" style>
          <div class="title-fl">基本信息</div>
          <div class="title-fr" style="padding-right: 50px"></div>
        </div>
        <el-form
          ref="ruleForm"
          label-width="100px"
          class="demo-ruleForm"
        >
          <el-row type="flex" :gutter="50">
            <el-col :span="12">
              <el-form-item label="项目编号:">
                <el-input placeholder="请输入项目编号">
                  <span type="text"></span>
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="文件编号:">
                <el-input placeholder="请输入文件编号">
                  <span type="text"></span>
                </el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <div class="public-title" style>
            <div class="title-fl">申请单位</div>
            <div class="title-fr" style="padding-right: 50px"></div>
          </div>
          <el-row type="flex" :gutter="50">
            <el-col :span="24">
              <el-form-item label="单位名称:">
                <el-input type="text" placeholder="请输入单位名称">
                  <span type="text"></span>
                </el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row type="flex" :gutter="50">
            <el-col :span="12">
              <el-form-item label="法定代表人:" style="width:425px">
                <el-input type="text" placeholder="请输入法定代表人">
                  <span type="text"></span>
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="联系电话:">
                <el-input type="text" placeholder="请输入联系电话">
                  <span type="text"></span>
                </el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row type="flex" :gutter="50">
            <el-col :span="12">
              <el-form-item label="委托代理人:">
                <el-input type="text" placeholder="请输入委托代理人">
                  <span type="text"></span>
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="联系电话:">
                <el-input type="text" placeholder="请输入联系电话">
                  <span type="text"></span>
                </el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <div class="public-title" style>
            <div class="title-fl">建设项目概况</div>
            <div class="title-fr" style="padding-right: 50px"></div>
          </div>
          <el-row type="flex" :gutter="50">
            <el-col :span="12" class="xmmc">
              <el-form-item label="项目名称:">
                <el-input type="text"  placeholder="请输入项目名称"></el-input>
                <span class="select-soan"></span>
              </el-form-item>
            </el-col>
            <el-col :span="12" class="xmdd">
              <el-form-item label="建设地点:">
                <el-input type="text" placeholder="请输入建设地点"></el-input>
                <span class="select-soan"></span>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row type="flex" :gutter="50">
              <el-col :span="24">
              <el-form-item label="统一项目代码:" class="tydm" >
                <el-input type="text" placeholder="请输入项目代码"></el-input>
                <span class="select-soan"></span>
              </el-form-item>
            </el-col>
          </el-row>
          <div class="public-title">
            <div class="title-fl">申请建设用地情况及要求</div>
          </div>
          <el-row type="flex" :gutter="50">
            <el-col :span="12">
              <el-form-item label="用地性质:">
                <el-select
                  placeholder="请选择"
                  style="margin-right:165px; flex: revert"
                >
                  <el-option value="1"> </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="申请类别:">
                <el-select
                  placeholder="请选择"
                  style="margin-right:165px; flex: revert"
                >
                  <el-option value="1"> </el-option>
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row type="flex" :gutter="50" class="xzyj">
            <el-col :span="12">
              <el-form-item label="选址意见或规划条件编号:">
                <el-input type="text"></el-input>
                <span class="select-soan"></span>
              </el-form-item>
            </el-col>
            <el-col :span="12" class="xmpf">
              <el-form-item label="项目批复文件编号:" >
                <el-input type="text"></el-input>
                <span class="select-soan"></span>
              </el-form-item>
            </el-col>
          </el-row>
           <el-row type="flex" :gutter="50" class="tdsyq">
            <el-col :span="12">
              <el-form-item label="土地使用权出让合同编号:" >
                <el-input type="text"></el-input>
                <span class="select-soan"></span>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="土地预审文件编号:" class="tdys">
                <el-input type="text"></el-input>
                <span class="select-soan"></span>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>
<style lang=scss>
.content1{
  /* height:760px; */
  height: 100%;
  width:100%;
  /* overflow-y: scroll; */
  /* padding-right: 20px; */
  border-right:2px solid red;
 
}
.content-bg1 {
 margin: 0 auto;
  width: 100%;
  background: #ffffff;
  min-height: 100%;
 
}

.dialog-top {
  input {
    height: 25px;
    margin-left: 10px;
    outline: none;
  }

  p {
    color: #ff6600;
    line-height: 30px;
  }
}

.select-soan {
  display: inline-block;
  width: 80px;
  color: #909399;
}

.file-type {
  input {
    width: 30px;
    height: 30px;
    /* background: url("../../../assets/type02.png") no-repeat center; */
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    outline: none;
  }
}

.current-content {
  width: 80%;
  margin: 0 auto;
  padding-bottom: 50px;
  text-align: center;

  .title-h {
    height: 50px;
    line-height: 50px;
   padding-top:15px;
    margin-bottom: 10px;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
  }
}

.el-dialog {
  text-align: left;
}
</style>
<style lang="scss" scoped>
.from-Resetcss {
  .el-input-group__append,
  .el-input-group__prepend {
    // width: 50px;
    text-align: center;
    padding: 0px;
  }

  .el-form-item__content {
    display: flex;
  }

  .el-select {
    flex: 1;
  }
 /deep/ .el-form-item__label{
    width:120px;
    //  line-height: initial;
  }
  
  /deep/ .xzyj .el-form-item__label{
     line-height: initial;
  }
  /deep/ .tdsyq .el-form-item__label{
     line-height: initial;
  }
  .el-form-item {
    margin-bottom: 20px;
  }
}

.Upload-range {
  .el-upload-list {
    display: none;
  }

  .el-button {
    background: #eff5ff;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    border-radius: 4px;
    color: #409eff;
    border: none;
  }

  .el-button:hover {
    background: #3385ff;
    color: #ffffff;
  }
}

.span-label {
  display: inline-block;
  // width: 50px;
  text-align: right;
  color: #909399;
  padding-right: 10px;
}
.xmmc{
   height:60px;
}
.xmdd{
    height:60px;
}

.demo-ruleForm{
 
 .xzyj{
    line-height: 10px;
    
 }
}
</style>
